//
// Process
// --------------------------------------------------


.process-bar {
	display: inline-block;
	width: 200px;
	height: 11px;
	background-color: #ddd;
	border-radius: 20px;
	vertical-align: middle;
	overflow: hidden;

	&.large {
		height: 14px;
	}

	&.small {
		height: 8px;
	}

	&.mini {
		height: 5px;
	}

	.process {
		height: 100%;
		background-color: @primary-color;
		text-align: right;
		color: #fff;
		transition: width .6s;
	}
}

.process-bar + .percent {
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}

.process-bar.green .process {
	background-color: @color-success;
}